<!DOCTYPE html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>抽奖</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
	<div>
		<audio id="audioMusic" src="img/bgmusic.mp3" controls style="display:none;"></audio>

		<div class="row action-outer">
			<div class="col-md-4 btns hidden-actions">
				<div class="btn-group">
					<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="theme">
						单次抽奖个数 <span class="caret"></span>
					</button>
					<ul class="dropdown-menu">
						<li><input type="number" placeholder="请输入" class="form-control select_lucky_number"></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row box">
			<div class="col-md-4" >
				<div class="lucky_list">
					<div class="lucky_people_list">
						<div class="lucky_people_title">中奖名单</div>
						<div class="lpl_list active" style="display: block;"></div>
					</div>
				</div>
			</div>
			<div class="col-md-8 show-outer">
				<div class="mask" style="display: none;"></div>
				<div class="btn_outer" id="open" onselectstart="return false;">
					<div class="btn_circle">开始</div>
				</div>
				<div class="btn_outer btn_stop"id="stop" style="display: none" onselectstart="return false;">
					<div class="btn_circle" >停止</div>
				</div>
				<div class="container"></div>
			</div>
		</div>
	</div>
</body>

<script type="text/javascript" src="./js/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/transform.js"></script>
<script type="text/javascript" src="./js/tick.js"></script>
<script type="text/javascript" src="./js/3d.js"></script>
<script type="text/javascript" src="./js/lucky.js"></script>
<script type="text/javascript" src="./js/data.js"></script>
<script>
	$(".action-outer").mouseover(function (){
		$(".btns").removeClass("hidden-actions");
		$(".btns").addClass("show-actions");
	});
	$(".action-outer").mouseout(function (){
		$(".btns").removeClass("show-actions");
		$(".btns").addClass("hidden-actions");
	});
</script>
</html>